<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/goodinfo.css">
    <script src="js/lib/require.js" data-main="js/goodinfo"></script>
</head>
<body>
    <section class="top clear"></section>
    <div id="main" class="center" >
        <div class="main_top">
            <a href="#">所有商品</a>&gt;<a href="#">男装</a>&gt;<a href="#">T恤</a>
        </div>
        <div class="expand">
            <div class="expand_left fl">
                <div class="middleBox">
                    <div class="middleArea">

                    </div>
                    <img src="images/middle1.jpg" alt="">
                </div>
                <div class="bigBox">
                    <img src="images/big1.jpg" alt="">
                </div>
                <div class="middle_bottom">
                    <ul>
                        <li class="current"><img src="images/xqbig1.jpg" alt=""></li>
                        <li><img src="images/xqbig2.jpg" alt=""></li>
                        <li><img src="images/xqbig3.jpg" alt=""></li>
                        <li><img src="images/xqbig4.jpg" alt=""></li>
                        <li><img src="images/xqbig5.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="share">
                    <b class="pid">商品编号：<span>A03846</span></b>
                    <b><span>aa</span>分享</b>
                    <b><span>aa</span>点赞</b>
                </div>
            </div>
            <div class="expand_right fl">
                <div class="pname">
                    <p>米郎骑士 基础纯棉舒适男士休闲圆领短袖印花T恤【一件包邮】</p>
                    <h6>由于快递原因，新疆西藏暂不发货</h6>
                </div>
                <div class="baseinfor">
                    <div class="priceinfo">
                        <b>售价:  </b>
                        <strong id="price">29.9</strong>
                        <i>吊牌价</i>
                        <em>$199.9</em>
                        <span>1.6折</span>

                    </div>
                    <div class="priceinfo_image">
                        <img src="images/jiagexiamian_03.png" alt="">
                    </div>
                    <div class="colorclass">
                        <ul class="clear">
                            <li><img src="images/small1.jpg" alt=""></li>
                            <li><img src="images/small2.jpg" alt=""></li>
                            <li><img src="images/small3.jpg" alt=""></li>
                            <li><img src="images/small4.jpg" alt=""></li>
                        </ul>
                    </div>
                    <div class="size_select">
                        <img src="images/chimaxuanze_03.png" alt="">
                    </div>

                </div>
                <div class="buy_num">
                    <span>购买数量:</span><button id="reduce">-</button>
                    <input type="text" value="1">
                    <button id="add">+</button>
                </div>
                <div>
                    <button id="addclass">加入购物袋</button>
                </div>
                <div>
                    <img src="images/jiarugouwuchexiamian_03.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <section class="buttom"></section>
</body>
</html>